<!-- <!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style>
    .back {
        position: fixed;
        width: 300px;
        height: 300px;
        background-color: aquamarine;
        right:20px;
        bottom:20px;
    }
    .container {
        width: 300px;
        height: 2002px;
        background-color: brown;
        margin:400px auto;
    }
</style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>

<body>
   <div class="back">  返回顶部 </div>
        <div class="container"></div>
 
    <script>
        $(function () {
            $(document).scrolltop(100);
            //被卷曲的头部//scrollleft()被卷曲的左侧
            //页面滚动事件
            var boxtop = $(".container").offset().top;
            $(window).scroll(function () {
                console.log($(document).scrollTop());
                if($(document).scrollTop() >= boxtop){
                    $(".back").fadeIn();
                }else{
                    $(".back").fadeOut();
                }
            })})
        $(".back").click(function(){
            $("html,body").animate({
                scrollTop:0
            },1000)
        });不能是文档而是html,body元素做动画
      </script> -->
<!-- <div>
//     <div class="son"></div>
// </div>
// <script>
//     $(function(){
//         $("div").offset({
//             top:10,left:30
//         });
//        console.log($(".son").position());
//        //$(".son").position({
//          //   top:10,left:30//c错误
//        })
//     //offset是相对于文档偏移的坐标，与父级没有关系
// //position()获取距离带有定位父级位置（偏移)如果没有定位父级则以文档为准，
// //（）也不能赋值

</body>
</html> -->
